<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_$1kkY0',
'TY_chanpinzhanshi_1',
'ty_products',
'TY_chanpinzhanshi_1',
'ZY_LianXiWoMen_4',
'ontac_5',
'ZY_HuNanZeTianYiLiao_6',
'ZY_DianHua_7',
'ZY_DiZhiHuNanSheng_8',
'ZY_XueShuGongJian_9',
'ZY_WangZhanShouYe_10',
'ZY_XueShuGongJian_11',
'img_PbFQ612',
'ZY_XueShuGongJian_13',
'img_u7Jd114',
'ZY_XueShuGongJian_15',
'img_PAPXv16',
'ZY_XueShuGongJian_17',
'img_dYXIS18',
'ZY_XueShuGongJian_19',
'ZY_20_20',
'ZY_21_21',
'ZY_22_22',
'ZY_23_23'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/ztyl/pc/css/common.css"> 
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.banner{ width: 100%; } .box{ margin: 60px 0 0; } .list { margin: 0 -10px 40px; } .list .item{ width: 25%; padding: 0 10px 20px; box-sizing: border-box; } .list .item-con{ display: block;  } .list .item .img-wrap{ height: 185px;border: 1px solid rgba(112, 112, 112, 0.2); } .list .item img{ max-width: 100%; max-height: 100%;margin: 0 auto;} .list .item .con{ background: #ffffff; padding: 20px 15px; } .list .item .con .name{ text-align: center; color: #000000; font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <img src="${img_$1kkY0.adImg}" class="banner zy" data-type="ad" data-id="${img_$1kkY0.adId}"> 
  <div class="box"> 
   <div class="container flex"> 
    <div class="left"> 
     <div class="menu-wrap"> 
      <div class="menu-header"> 
       <h2 class="menu-title zy" data-type="ad" data-id="${TY_chanpinzhanshi_1.adId}">${TY_chanpinzhanshi_1.adTitle}</h2> 
       <h2 class="menu-sub-title zy" data-type="ad" data-id="${ty_products.adId}">${ty_products.adTitle}</h2> 
      </div> 
      <div class="menu-list"> 
       <p class="menu-item active zy" data-type="ad" data-id="${TY_chanpinzhanshi_1.adId}">${TY_chanpinzhanshi_1.adTitle}</p> 
      </div> 
     </div> 
     <div class="menu-wrap"> 
      <div class="menu-header"> 
       <h2 class="menu-title zy" data-type="ad" data-id="${ZY_LianXiWoMen_4.adId}">${ZY_LianXiWoMen_4.adTitle}</h2> 
       <h2 class="menu-sub-title zy" data-type="ad" data-id="${ontac_5.adId}">${ontac_5.adTitle}</h2> 
      </div> 
      <div class="menu-content"> 
       <p class="name zy" data-type="ad" data-id="${ZY_HuNanZeTianYiLiao_6.adId}">${ZY_HuNanZeTianYiLiao_6.adTitle}</p> 
       <div class="mt-10"> 
        <p class="zy" data-type="ad" data-id="${ZY_DianHua_7.adId}">${ZY_DianHua_7.adTitle}</p> 
        <p class="zy" data-type="ad" data-id="${ZY_DiZhiHuNanSheng_8.adId}">${ZY_DiZhiHuNanSheng_8.adTitle}</p> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="right flex-1"> 
     <div class="breadcrumb-wrap flex space-between align-center"> 
      <h2 class="name zy" data-type="ad" data-id="${ZY_XueShuGongJian_9.adId}">产品展示</h2> 
      <div> 
       <a href="${path}/do/redirect/pc/index" class="zy">${ZY_WangZhanShouYe_10.adTitle}</a> >
       <a href="#" class="zy">产品展示</a>
      </div> 
     </div> 
     <div class="list flex flex-wrap">
      <cms:arts var="artList" code="cpzs" pageNow="${param.pageNow}" pageSize="12"></cms:arts>
      <c:forEach items="${artList }" var="item" varStatus="status">
        <div class="item">
         <a href="${path}/do/redirect/pc/productDetail?id=${item.artId}">
         <div class="item-con">
          <div class="img-wrap flex  align-center">
           <img src="${item.artImage}" />
          </div>
          <div class="con">
           <h4 class="name zy">${item.artTitle}</h4>
          </div>
         </div>
       </a>
        </div>
      </c:forEach>
     </div> 
     <div class="pagination">
      <c:forEach end="${recodeCount }" begin="1" var="index" varStatus="count">
       <a class="${param.pageNow == index - 1 ? "active" : ""}" href="${path }/do/redirect/pc/products?pageNow=${index-1}">${index}</a>
      </c:forEach>
     </div>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script>
        window.onload = function(){
            var itemItemsEls = document.getElementsByClassName('nav-item');
            var itemEls = document.getElementsByClassName('nav-item-hover');
            itemItemsEls[3].className="nav-item active"
            for(var i= 0; i < itemEls.length;i++){
                itemEls[i].onmouseover = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'block'
                    };
                }
                itemEls[i].onmouseout = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'none'
                    };
                }
            }
        }
    </script> 
 </body>
</html>